<template>
    <div class="brand">
        <div v-for="item in brandList" :key="item.id">
            <img :src="item.pic_url" alt="">
            <div>
                {{item.name}}
                <span style="color: darkred">
                    <!-- 价格过滤器main.js -->
                    {{item.floor_price | RMBFormat}}起
                </span>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        props: ["brandList"],
        data(){
            return {
                
            };
        }
    }
</script>

<style lang = "less" scoped>
  .brand {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #fff;
    div{
        width: 49%;
        position: relative;
        img{
            width: 100%;
        }
        div{
            width: 80%;
            position: absolute;
            top: .1rem;
            left: .1rem;
            span{
                display: block;
                margin-top: .1rem;
            }
        }
    }
  }
</style>
